import 'package:flutter/material.dart';

class TestPage extends StatefulWidget {
  const TestPage({Key? key}) : super(key: key);

  @override
  _TestPageState createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(onPressed: () {}, icon: Icon(Icons.add)),
        title: const Text('test'),
        actions: [
          IconButton(onPressed: () {}, icon: Icon(Icons.add)),
          IconButton(onPressed: () {}, icon: Icon(Icons.add)),
          IconButton(onPressed: () {}, icon: Icon(Icons.add)),
          IconButton(onPressed: () {}, icon: Icon(Icons.add))
        ],
      ),
      // body: Container(
      //   // alignment: Alignment.center,
      //   constraints: BoxConstraints.expand(width: 200, height: 200),
      //   decoration: BoxDecoration(
      //     border: Border.all(
      //         color: Colors.yellowAccent, style: BorderStyle.solid, width: 5),
      //     image: const DecorationImage(
      //         image: NetworkImage(
      //             "https://cdn.nlark.com/yuque/0/2023/png/2628706/1693358562048-3c5ecce9-c91d-486f-ad62-9888904c7342.png"),
      //         fit: BoxFit.cover),
      //     borderRadius: BorderRadius.circular(20),
      //     boxShadow: const [
      //       BoxShadow(
      //           color: Colors.redAccent, blurRadius: 10, offset: Offset(20, 20))
      //     ],
      //   ),
      //   // transform: Matrix4.rotationZ(0.3),
      //   margin: EdgeInsets.all(30),
      //   child: Align(heightFactor: 5, child: Text('test')),
      // ),

      // body: Column(
      //   children: <Widget>[
      //     Container(
      //       // alignment: Alignment.center,
      //       width: 300.0,
      //       height: 30.0,
      //       color: Colors.blue,
      //       child: const FittedBox(
      //         fit: BoxFit.contain,
      //         child: Text(
      //           'BoxFit.contain',
      //           style: TextStyle(fontSize: 32),
      //         ),
      //       ),
      //     ),
      //     Container(
      //       width: 60.0,
      //       height: 60.0,
      //       color: Colors.red,
      //       child: const FittedBox(
      //         fit: BoxFit.cover,
      //         child: Text(
      //           'BoxFit.cover',
      //           style: TextStyle(fontSize: 32),
      //         ),
      //       ),
      //     ),
      //     Container(
      //       width: 200.0,
      //       height: 100.0,
      //       color: Colors.yellow,
      //       child: const FittedBox(
      //         fit: BoxFit.fill,
      //         child: Text(
      //           'BoxFit.fill',
      //           style: TextStyle(fontSize: 32),
      //         ),
      //       ),
      //     ),
      //     Container(
      //       width: 100.0,
      //       height: 30.0,
      //       color: Colors.orange,
      //       child: const FittedBox(
      //         fit: BoxFit.scaleDown,
      //         child: Text(
      //           'BoxFit.scaleDown',
      //           style: TextStyle(fontSize: 32),
      //         ),
      //       ),
      //     ),
      //     Container(
      //       width: 100.0,
      //       height: 100.0,
      //       color: Colors.indigo,
      //       child: const FittedBox(
      //         fit: BoxFit.fitWidth,
      //         child: Text(
      //           'BoxFit.fitHeight',
      //           style: TextStyle(fontSize: 32),
      //         ),
      //       ),
      //     ),
      //   ],
      // ),
      // body: Container(
      //   width: 200.0,
      //   // height: 400,
      //   color: Colors.blue,
      //   child: AspectRatio(
      //     aspectRatio: 2.0 / 0.5,
      //     child: Container(
      //       color: Colors.yellow,
      //     ),
      //   ),
      // ),

      // body: Container(
      //   color: Colors.yellow,
      //   height: 50.0,
      //   width: 50.0,
      //   child: FractionallySizedBox(
      //     alignment: Alignment.topLeft,
      //     widthFactor: 0.5,
      //     heightFactor: 1.0,
      //     child: Container(
      //       width: 300.0, //(1)
      //       color: Colors.blue,
      //     ),
      //   ),
      // ),

      // body: const Row(
      //   crossAxisAlignment: CrossAxisAlignment.end,
      //   children: <Widget>[
      //     FlutterLogo(
      //       size: 50.0,
      //       // style: FlutterLogoStyle.stacked,
      //     ),
      //     FlutterLogo(
      //       size: 100.0,
      //       textColor: Colors.blue,
      //     ),
      //     FlutterLogo(
      //       size: 50.0,
      //       textColor: Colors.indigo,
      //     ),
      //   ],
      // ),

      // body: DefaultTextStyle.merge(
      //   style: const TextStyle(fontSize: 70),
      //   child: Center(
      //     child: TweenAnimationBuilder(
      //         tween: Tween<double>(end: 0),
      //         duration: const Duration(seconds: 1),
      //         builder: (context, value, child) {
      //           int whole = value ~/ 1;
      //           double decimal = value - whole;
      //           print('$whole + $decimal');
      //           return Opacity(
      //             opacity: decimal,
      //             child: IndexedStack(
      //               index: whole,
      //               alignment: Alignment.center,
      //               children: const [
      //                 Text("第一层"),
      //                 Text("第二层"),
      //                 Text("第三层"),
      //               ],
      //             ),
      //           );
      //         }),
      //   ),
      // ),

      body: Wrap(
        spacing: 10,
        runSpacing: 1,
        children: <Widget>[
          InkWell(
            onTap: () {
              print("单击");
            },
            child: FlutterLogo(
              size: 40,
            ),
          ),
          GestureDetector(
            onTap: () {
              print("单击");
            },
            onDoubleTap: () {
              print("双击了");
            },
            onPanUpdate: (e) {
              print("滑动$e");
            },
            child: FlutterLogo(
              size: 40,
            ),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Flutter技术开发'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Python'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Vue'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Android Studio'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Django'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('C/C++'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Qt5'),
          ),
          TextButton(
            onPressed: () {},
            child: Text('Weex'),
          ),
        ],
      ),
    );
  }
}
